// @import './variables.less';
// normalize.css 是一个用于重置浏览器默认样式的库，使得不同浏览器之间的渲染更加一致
@import url('normalize.css');
@import url('reset.less');
@import url('nprogress.less');

html,
body,
#app {
  // overflow: hidden auto !important;
  height: 100%;
}

html * {
  box-sizing: border-box;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

// 清除浮动 左右浮动加 clearfix 即可解决高度坍塌问题 尽管基本上flex可以解决大部分问题 不排除有人喜欢用浮动
.clearfix::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '';
}

/* 单行文本溢出 （设置宽度） */
.oneline-text-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 多行文本溢出 （设置宽度） */
.multiline-text-cut {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
